.container {
  background-color: #F3F3F6;
  .bg-color {
    width: 100%;
    height: 627rpx;
    background: linear-gradient( 360deg, rgba(255,255,255,0) 0%, #E2F3FF 100%);
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    top: 0;
    left: 0;
  }
  .scroll-view-container {
    flex: 1;
    overflow: hidden;
    width: 100%;
    .scroll-v {
      height: 100%;
      width: 100%;
      .cart-wrapper {
        margin: 0 24rpx;
        .swipe-lis {
          margin-bottom: 16rpx;
          ::v-deep .u-swipe-action {
            border-radius: 12rpx 12rpx 12rpx 12rpx;

          }
          .list {
            display: flex;
            align-items: center;
            padding: 16rpx 0;
            .option {
              width: 60rpx;
              display: flex;
              align-items: center;
              justify-content: center;
              image {
                width: 30rpx;
                height: 30rpx;
                border-radius: 50%;
              }
            }
            .right-section {
              flex: 1;
              display: flex;
              align-items: center;
              .img {
                width: 258rpx;
                height: 172rpx;
                border-radius: 24rpx;
                overflow: hidden;
                position: relative;
                margin-right: 14rpx;
                .cover {
                  width: 100%;
                  height: 100%;
                }
                .tag {
                  padding: 0 20rpx;
                  height: 35rpx;
                  background: linear-gradient(180deg, #4badfd 0%, #2b61eb 100%);
                  border-radius: 0rpx 24rpx 0rpx 24rpx;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-weight: 400;
                  font-size: 18rpx;
                  color: #ffffff;
                  position: absolute;
                  bottom: 0;
                  left: 0;
                }
              }

              .good-desc {
                flex: 1;
                height: 172rpx;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding-right: 14rpx;
                .title {
                  font-weight: 500;
                  font-size: 28rpx;
                  color: #262728;
                  line-height: 1.4em;
                }
                .attr {
                  font-weight: 400;
                  font-size: 24rpx;
                  color: #606366;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  width: 300rpx;
                }
                .price-wrap {
                  display: flex;
                  align-items: baseline;
                  justify-content: space-between;
                  .num {
                    font-weight: 400;
                    font-size: 24rpx;
                    color: #606366;
                  }
                  .price {
                    font-weight: 600;
                    font-size: 40rpx;
                    color: #ff6a00;
                    text {
                      font-weight: 500;
                      font-size: 22rpx;
                      color: #ff6a00;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  // 底部结算区域
  .footer-settle {
    padding: 0 24rpx;
    // padding-bottom: env(safe-area-inset-bottom);
    width: 100%;
    .total-desc {
      display: flex;
      align-items: center;
      padding: 30rpx 0;
      .all {
        display: flex;
        align-items: center;
        margin-right: 30rpx;
        image {
          width: 30rpx;
          height: 30rpx;
          margin-right: 10rpx;
          border-radius: 50%;
        }
        text {
          font-weight: 400;
          font-size: 24rpx;
          color: #c7cad0;
        }
      }
      .price-total {
        display: flex;
        align-items: center;
        & > text {
          font-weight: 400;
          font-size: 24rpx;
          color: #c7cad0;
          margin-right: 10rpx;
        }
        .price {
          font-weight: 600;
          font-size: 40rpx;
          color: #ff6a00;
          text {
            font-weight: 500;
            font-size: 22rpx;
            color: #ff6a00;
          }
        }
      }
    }
    .settle-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100rpx;
      background: linear-gradient(180deg, #4badfd 0%, #2b61eb 100%);
      border-radius: 18rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #ffffff;
      margin-bottom: 30rpx;
    }
   
  }
}


// 待收付平台
.platform-wrapper {
  width: 100%;

  background: linear-gradient( 360deg, #FFFFFF 0%, #E7F2FF 100%);
  border-radius: 24rpx 24rpx 0rpx 0rpx;

  .pay-title {
    padding: 40rpx 0;
    font-weight: 600;
    font-size: 32rpx;
    color: #262728;
    text-align: center;
  }
  .scrol {
  
    scroll-view {
      height: 700rpx;
    }
    .pay-wrapper {
      padding: 0 24rpx;
      .list {
        height: 90rpx;
        background: #FFFFFF;
        border-radius: 12rpx;
        display: flex;
        align-items: center;
        padding: 0 24rpx;
        margin-top: 16rpx;
        justify-content: space-between;
        border: 1px solid transparent;
        .name {
          font-weight: 400;
          font-size: 28rpx;
          color: #606366;
        }
        .right-desc {
          text-align: right;
          .e-du {
            font-weight: 400;
            font-size: 26rpx;
            color: #606366;
            line-height: 26rpx;
          }
          .fee {
            font-weight: 400;
            font-size: 22rpx;
            color: #606366;
            line-height: 26rpx;
            margin-top: 8rpx;
          }
        }
        &.active {
          border-color: rgba(255, 106, 0, 1);
          .name {
            color: rgba(255, 106, 0, 1);
          }
          .right-desc {
            .e-du {
              color: rgba(255, 106, 0, 1);
            }
            .fee {
              color: rgba(255, 106, 0, 1);
            }
          }
        }
      }
    }
  }

  .btn-wrapper {
    padding: 0 24rpx;
    padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
    padding-top: 20rpx;
    .btn {
      height: 100rpx;
      background: linear-gradient( 180deg, #4BADFD 0%, #2B61EB 100%);
      border-radius: 18rpx 18rpx 18rpx 18rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      font-size: 28rpx;
      color: #FFFFFF;
    }
    .tips {
      font-weight: 400;
      font-size: 22rpx;
      color: #909399;
      text-align: center;
      padding: 26rpx 0;
    }
  }
}